<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tsvetina Ivanova - My Portfolio</title>
<meta name="keywords" content="web designer,portfolio,Tsvetina Ivanova"/>
<meta name="description" content="web design portfolio Tsvetina Iavnova"/>
<link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" />
<link rel="shortcut icon" type="image/ico" href="favicon.ico"/> 
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/thickbox.js"></script>

<link rel="stylesheet" type="text/css" href="css/ts.css" media="all"/>
</head>
<body>
<div id="wrapper">
	<div id="header">
		<img src="css/images/w1header.png" alt=""/>
	</div>
	<div id="background">
		<div id="menu">
			<ul>
				<li><a href="myportfolio.html" class="active">My portfolio</a></li>
				<li><a href="contact.html">Contact me</a></li>
			</ul>
		</div>
		<div id="hack"></div>
		<!-- this div is empty because of the floated menu -->
		
		<div id="content">
			<div id="noticeboard"><img src="css/images/noticeboardrounded.jpg"/></div>
			<h4>My portfolio</h4>
			<div class="clear"></div>
						
			<ul id="screenshots">
				<li><a href ="css/images/torgbig.jpg" class="thickbox" title="The Oxbridge Research Group"><img src="css/images/torg.jpg"/></a></li>
				<li><a href ="css/images/newsletter.jpg" class="thickbox" title="Oxbridge Essays Newsletter"><img src="css/images/newslettersm.jpg"/></a></li>
				<li><a href ="css/images/tpeerius1big.jpg" class="thickbox" title="Peerius"><img src="css/images/peerius1sm.jpg"/></a></li>
				<li><a href ="css/images/tpeeriusbig2.jpg" class="thickbox" title="Peerius"><img src="css/images/peerius2sm.jpg"/></a></li>
				<li><a href ="css/images/tnaturebig1.jpg" class="thickbox" title="Nature"><img src="css/images/tnaturesm.jpg"/></a></li>
				<li><a href ="css/images/bugzillabig.jpg" class="thickbox" title="Bugzilla"><img src="css/images/bugzillasm.jpg"/></a></li>
				<li><a href ="css/images/arxontikobig.jpg" class="thickbox" title="Dimos Traditional Mansion"><img src="css/images/arxontikosm.jpg"/></a></li>
			</ul>
			
			<ul id="profileinner">
				<li><a href="http://www.torg.co.uk/" target="_blank">The Oxbridge Research Group</a><p> The TORG Site, using html, css, jquery (faqs).</p></li>
				<li><p>The Oxbridge Essays Newsletter</p></li>
				<li><a href="http://pt.peerius.com/tracker/" target="_blank">Peerius.com</a><p>Layouts for the administration pages of “recommendations and discovery”  application for www.peerius.com.</p></li>
				<li><a href="http://www.las-bg.com/klubprirodolubitel/" target="_blank">Nature site</a><p>A static web site for a Bulgarian Secondary school for its enviromental, nature lover club.</p></li>
				<li><a href="https://wiki.mozilla.org/Bugzilla:Addons#Skins" target="_blank">Bugzilla:Addons</a><p>Skin for Bugzilla 3.0.5. Brown colors and nice curvy tables for firefox. </p></li>
				<li><a href="http://robust-it.co.uk/dimou-xenonas-vizitsa/" target="_blank">Dimos Traditional Mansion-hotel</a><p>Site for the Dimos Mansion-hotel in Greece, using html, css, jquery (calendar and form validation).</p></li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>
	<div id="footer">
	</div>
</div>
</body>
</html>